آموزش طراحی بنرهای تبلیغاتی برای سایت ها و وبلاگها

سلام خدمت بازدید کنندگان عزیز . در آموزش امروز ما ساخت بنر تبلیغاتی رو یاد میگیرید ؛ آموزش مختص وبسایت و وبلاگ داران عزیز هستش. درسته نوشتیم حرفه ای اما باز هم سعی کردیم تا حد ممکن ساده ساده توضیح بدیم تا مبتدیان باز هم بتونند انجام بدند. زمان مورد نیاز برای انجام آموزش کمتر از ۱ ساعت هستش . تمامی ابزار هایی که در اموزش نیازه و به کار میره در فایلی همراه قرار گرفته که با لینک مستقیم قابل دانلود هست. سعی کردیم یک مدل تقریبا پابلیک و پر کاربرد هست رو آموزش بدیم که برای اکثر وبسایت ها مناسب هستش و تمامی فایل های مورد نیاز برای دانلود گذاشته شده . با ما در ادامه باشید

 

 شرح آموزش

سطح آموزش :  پیشرفته
مدت زمان انجام :  ۶۰ دقیقه

گام اول

فتوشاپ رو باز کنید.

سپس به قسمت  file/new  بروید و اندازه مورد نظر خود را بدهید ، یا از اندازه های ما استفاده کنید.0

حالا بر روی لایه بکگراند کلیک کرده و ctrl+shift+n  را بزنید.  { این دستور را به یاد داشته باشید } این دستور ایجاد یه لایه کاری جدید میباشد . اسم لایه جدید را در کادر ظاهر شده>> رنگ پس زمینه <<بگذارید.

1

حال در کادر ایجاد شده کلیک نمایید و سپس به قسمت edit/fill  بروید و در قسمت use  بر روی color  بروید و کد ff8702  را بزنید و اوکی کنید.

 2

حال یه لایه دیگر بسازید و اسم انرا طرح پس زمینه ۱ بگذارید.  حال برای صرفه جویی در زمان ما نیز این براش را ساختیم . میتوانید از آن استفاده کنید.

حال براش  از لینک زیر دانلود کنید و آن را نصب کنید.

دانلود با لینک مستقیم

{ با کلیک کردن بر روی آن }

3

گام دوم

سپس brush tool  را از سمت چپ انتخاب کنید. این براش را انتخاب کنید و f5  را بزنید تا تنظیمات براش برایتان ظاهر شود.

{ در صورتی که f5  را زدید و عمل نکرد به قسمت windows  بروید و تیک مربوط به براش را بزنید }

4

حالا تنظیمات را مانند شکل زیر انجام دهید.

5

6

سپس foreground color  را بر روی ff7e00  قرار دهید مانند شکل زیر

7

حال بر روی تصویر بکشید. { بر روی بالاترین لایه }

8

حال میزان اوپسیتی یا تیرگی ان را به ۶۰ درصد کاهش دهید.

9

یه لایه دیگر بسازید و نام آن را طرح پس زمینه ۲ بگذارید.

10

اینبار سایز  براش را بر روی ۱۰۰ قرار دهید. {با همان تنظیمات قبلی }

11

سپس بر روی تصویر بکشید تا نهایتا شکل زیر درست شود.

12

حال فونت spy agency  را در داخل فایل همراه { فایل پی دی اف }  و یا از لینک زیر { سایت }  دانلود نمایید

دانلود با لینک مستقیم

گام سوم

حال t  را زده و فونت مورد نظر را انتخاب نمایید با تنظیمات زیر

13

14

سپس کلمه v  را تایپ کرده . { الزامی نیست میتوانید اسم سایت خود را تایپ کرده اما ما چون هدفمون نشون دادن vip  یک سایت هست لذا ۳ کلمه vip  را خواهیم  نوشت}

حال بار دیگر t  را زده و کلمه بعدی را تایپ نمایید و به همین ترتیب  { چرا یکدفعه همه کلمه ها رو ننویسیم ؟ چون ما میخواهیم کلمه ها را کمی بالا پایین قرار بدیم و این زمانی قابل اجراست که هر کلمه در داخل یک لایه باشد }

15

حال بر روی  لایه کلمه v   کلیک راست کرده و blending option  را بزنید. سپس تنظیمات مربوط به ان را انجام دهید.16

 

 

17

18

19

سپس بر روی لایه v کلیک راست کرده و copy layer style  را زده سپس به لایه های بالایی که شامل حرف های بعدی نیز میباشد بروید و بر روی انها کلیک راست کرده و paste layer style  را بزنید.

 2021

نتیجه

22

حال با همین فونت اسم سایت خود را به طور کامل در زیر قسمت vip  بنویسید.

23

بر روی  لایه ان کلیک راست کرده و blending option  را بزنید و مانند زیر

24

25

سپس با همین فونت کلمه های کلیدی مربوط به سایت خود را بر روی بنر بنویسید. مانند شکل زیر

گام چهارم

26

سپس بر روی بالاترین لایه خود کلیک کرده و ctrl+shift+n  را زده و اسم لایه جدید را حاشیه قرار دهید.

28

سپس ابزار rectangular marquee tool  را انتخاب کنید و با نگه داشتن شیفت shift  بر روی تمامی کلمه های کلیدی یه کادر بکشید مانند شکل زیر

{ نگه داشتن شیفت باعث حذف نشدن سلکت ها میشود }

27

29

سپس بر روی لایه کلیک رده و edit/fill  بروید و در کادر ظاهر شده از قسمت use   و انتخاب color رنگ ان   را بر روی قرمز قرار دهید و اوکی کنید.

30

با ctrl+d  از حالت سلکت خارج شوید. حالت لایه را بر روی soft light   تغییر دهید و میزان تیرگی را بر روی ۷۰ درصد قرار دهید.

31

حال بر روی لایه اش کلیک راست کرده و blending options  را زده و مانند زیر

{ تیک inner glow و outer glow  را بزنید کافیست نیازی به تنظیمش نیست }

32

نتیجه شکل زیر خواهد شد

33گام پنجم

حال یه لایه دیگر بسازید و اسم ان را اتصال قرار دهید.

34

براش را انتخاب کنید. Brush tool  و سپس f5  را زده تا کادر تنظیمات باز شده و مانند شکل زیر عمل کنید.

35

سپس ابزار pen tool  را برداشته ! و مانند شکل زیر کلمه های کلیدی را به هم با ۲ نقطه وصل کنید. سپس بر روی کلیک راست کنید در همان حالت و storke path  را بزنید و براش را انتخاب نمایدی و اوکی .

36

37

سپس دوبار کلیک راست نمایید بر روی همان و delete path  را بزنید { یا در cs6  ۱ تا ۲ بار بر روی delete  کیبرد فشار دهید}

 38

حال همین کار را با مابقی کلمه های کلیدی در همین لایه انجام بدید تا سر انجام شکلی شبیه زیر درست کرده باشید .

39

حال لایه جدید دیگری ایجاد کرده و اسم ان را حاشیه متن بذارید. سپس brush tool  را انتخاب کرده و مانند شکل زیر تنظیماتش را انجام دهید .

40

41

رنگ آن را هم مانند شکل زیر مرتب کنید و سپس با براش دور متن اصلی را بکشید .

42

سپس میزان اوپسیتی لایه حاشیه متن را بر روی ۴۰ درصد قرار بدید . بعد از ان بر روی ان کلیک راست کرده و blending options  را بزنید و مانند شکل زیر

43

 

گام ششم

حال براش زیر را دانلود کنید و آن را نصب کنید.

دانلود با لینک مستقیم 

سپس یه لایه جدید دیگر بسازید و اسم آن را براقیت بگذارید.

 44

سپس brush tool   را بار دیگر انتخاب نمایید.

حال براش را که نصب کردید یکی از آنها را انتخاب نمایید که شکل زیری میباشد و سایز مناسب

45

در همین لایه بر روی کاور بروید { با همان رنگ قبلی / دست نزنید } و بر روی کاور در قسمت های اتصال کلیک کنید.

46

سپس میزان اوپسیتی یا همون تیرگی رو بر روی ۲۰ درصد بذارید.

47

حال ایه لایه جدید دیگه ایجاد کنید اسمشو بذارید براقیت ۲ . سپس brush tool  رو فعال کنید و براش زیر رو انتخاب کنید.

49

48

با همین رنگ دور تا دور لایه متن رو بکشید  و سپس میزان اوپسیتی لایه اش رو بر روی ۹۰ درصد بذارید.50

حال لایه دیگری ساخته و براش زیر را انتخاب نمایید.

51

بر روی کلمه های کلیدی و مستطیل های دورش بکشید و میزان اوپسیتی رو کمی کم کنید.

52

میتوانید قسمت های دیگری هم اضافه کنید. اختیاری است مثلا کد تخفیف یا …..

53

در انتها هم به سراغ لایه > رنگ پس زمین < رفته بر روی آن کلیک راست کنید و سپس مانند شکل زیر

54

نتیجه نهاییtutorial by hossein.tori

 


نظرات شما عزیزان:

نام :
آدرس ایمیل:
وب سایت/بلاگ :
متن پیام:
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

 

 

 

عکس شما

آپلود عکس دلخواه:







تاريخ : سه شنبه 27 / 7 / 1393برچسب:آموزش طراحی بنرها تبلیغاتی برای سایتها و وبلاگها,ساخت بنر,آموزش ساخت بنر, | 14:38 | نویسنده : علی اکبر |